FlyTalk.views.PublicProf = Ext.extend(Ext.Panel, {
	fullscreen: true,
	title: 'Profile',
	//scroll: true,
	layout: 'vbox',
//	width: 320,
	
    initComponent: function () {
    	// back button on toolbar
		this.backButton = new Ext.Button({
			text: 'Back',
			ui: 'back',
			handler: this.backButtonTap,
			scope: this
		});

		
			// Tweet toolbar
		this.toolbar = new Ext.Toolbar({
			title: 'Public Profile',
			doc: 'top',
			layout: 'hbox',
			items: [
			    this.backButton,
				{xtype: 'spacer'},
			]
		});

        this.dockedItems = [this.toolbar];
        
        this.topPanel = new Ext.Panel({
			scroll: false,
            fullscreen: false,
//			baseCls: "menu",
//			pack: 'start',
//			align: 'stretch',
         //   html: 'top',
//			flex:1,
			layout: 'hbox',
			items: [
			     {html: '<div><div style="float: left; margin: 0.5em;"><img src="http://www.activitycoloringpages.com/ColoringPages/Images/Cartoons/Family-Guy/Chris-Family-Guy-Thumbnail.jpg"></div><div style="font-size: 14px; line-height: 1.5em; margin: 0.5em;"><b>Username:</b> JoaoDias<br><b>Hometown:</b> Barcelos, Portugal<br><b>Has been to:</b> Madrid, Moscow, Paris, Rio de Janiero, Stockholm, Tokyo<br><b>Bio:</b> I like biking and rock climbing, and I travel a lot for fun. What can I say? I always want an adventure.</div></div>'}],
		});
        
        this.items = [
          //   {html: '<div><div style="float: left"><img src="http://www.activitycoloringpages.com/ColoringPages/Images/Cartoons/Family-Guy/Chris-Family-Guy-Thumbnail.jpg" width="44" height="44"></div><div style="font-size: 14px; line-height: 1.5em;">Hometown: Barcelos, Portugal<br>Has been to: Madrid, Moscow, Paris, Rio de Janiero, Stockholm, Tokyo<br>Bio: I like biking and rock climbing, and I travel a lot for fun. What can I say? I always want an adventure.</div></div>'}
          	this.topPanel,
          ];
        
		FlyTalk.views.PublicProf.superclass.initComponent.call(this); 
    },
    

    backButtonTap: function () {
    	var next = FlyTalk.views.TalkView.tweetToolbar.title;
        Ext.dispatch({
            controller: FlyTalk.controllers.ftController,
            action: 'openNext',
            next: next,
        });
    },

});